<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../vue2.2.js"></script>
</head>
<body>
<!--prop 是父组件用来传递数据的一个自定义属性。

父组件的数据需要通过 props 把数据传给子组件，子组件需要显式地用 props 选项声明 "prop"：-->
<div id="app">
    <child message="hello"></child>
</div>

<script>
    Vue.component('child', {
        props: ['message'],
        template: '<span>{{message}}</span>'
    });
    new Vue({
        el: '#app'
    });
</script>

</body>
</html>